﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <!-- <script src="jquery-1.5-vsdoc.js" type="text/javascript"></script>-->
    <script type="text/javascript">
        $(document).ready(function () {
            $("div").css("color", "#ff0000");
            $("h1").click(function (event) {
                $(this).next(":not(:animated)").slideToggle('fast');
            }).css("cursor", "pointer");

            for (i = 0; i < 10; i++) {
                $("<li>").text("Item " + i).css("color", "#f555f5").appendTo("ul");
            }

            $("p").click(function () {
                alert('sdf');
                $("div").find("input").each(function () {
                    $(this).val("");
                });
            });

            $("#trigger").click(function () { 
                alert($("select#ddl").val());
            });
        });
        
    </script>
</head>
<body>
    <h1>
        abre/Fecha</h1>
    <ul>
    </ul>
    <div>conteudo 01
    <input type="text" id="text2"></input>
    <input type="text" id="text3"></input>
    <input type="text" id="text4"></input>
    <input type="text" id="text5"></input>
    </div>
    <input type="text" id="text6"></input>
    <p>crica eu!!</p>
    <br /><br /><br /><br /><br />

    <select id="ddl">
        <option value="segunda">segunda</option>
        <option value="terça">terça</option>
        <option value="quarta">quarta</option>
        <option value="quinta">quinta</option>
    </select>

    <a href="#"id="trigger">select</a>
</body>
</html>
